.event-spinner {
    padding-top: 16%;
    text-align: center;
    font-size: 30px;
    color: rgb(0, 70, 55);
    height: calc(100vh - 400px);
}

.event {
    .title {
        position: sticky;
        top: 85px;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 40px;
        background-color: rgb(0, 87, 87);
        color: beige;
        font-size: 30px;
        font-weight: bold;
        border-bottom: 2PX solid black;

        .button.language {
            background-color: rgb(0, 56, 58);
            font-size: 20px;
            width: 110px;
            height: 30px;
            position: absolute;
            right: 2px;
            bottom: 2px;
            color: beige;
            border: solid 2px;
            border-color: rgb(190, 189, 189) black black rgb(190, 189, 189);
            cursor: pointer;
        }

        .button.language:hover {
            background-color: rgb(0, 43, 44);
        }

        .button.language:active {
            border-color: black rgb(113, 113, 113) rgb(113, 113, 113) black;
        }
    }



    .event-table {
        margin-left: 20px;

        .event-menu {
            position: sticky;
            top: 128px;
            height: 22px;
            background-color: rgb(224, 224, 224);
            font-size: 14px;

            * {
                padding-left: 6px;
            }

            .start-time {
                width: 150px;
                text-align: left;
            }

            .end-time {
                width: 150px;
                text-align: left;
            }

            .ack-time {
                width: 150px;
                text-align: left;
            }

            .zone {
                width: 70px;
                text-align: left;
            }

            .family {
                width: 70px;
                text-align: left;
            }

            .txt {
                width: 50%;
                text-align: left;
            }
        }
    }



    .alarm-setting {
        position: fixed;
        z-index: 1;
        top: 230px;
        left: 48vw;
        height: 165px;
        width: 200px;
        background-color: white;
        color: rgb(252, 252, 239);
        border: solid 2px black;
        font-size: 16px;
        text-align: center;

        .title {
            font-size: 16px;
            margin-top: 0;
            margin-bottom: 10px;
            background-color: white;
            color: black;
            text-decoration: underline;
        }

        .m-button {
            width: 170px;
            height: 20px;
            display: block;
            margin: auto;
            margin-bottom: 4px;
            background-color: rgb(234, 234, 234);
            border: solid 1px;
            border-color: white black black white;
            cursor: pointer;
            font-size: 11px;
            font-weight: bold;
        }

        .m-button:hover {
            background-color: rgb(207, 213, 213);
        }

        .m-button:active {
            border-color: black rgb(113, 113, 113) rgb(113, 113, 113) black;
        }
    }
}